<template>
    <div class="wrapper">
        <mt-header title="帮助中心" mtClass="no-bg" rightIcon="icon-guanbi"/>
        <div class="help-list">
            <div class="blank">常见问题解答</div>
            <sheetlist v-for="(item,index) in helpList" :item="item" :key="index" class="list"></sheetlist>
        </div>
    </div>
</template>

<script>
import mtHeader from "@/components/Header"
import sheetlist from "@/components/SheetList/index"
export default {
    name:"help",
    data(){
        return{
            flag:false,
            item:{},
            helpList:[
                {
                    'id':1,
                    'name':'RB是什么？',
                    'details':[
                        "RB目前是基于ERC20发行的区块链代币，代表Reading Box项目及其周边生态的使用权。",
                        "更多信息请详见RB基金会官网（www.readbox.vip）。"
                    ]
                },
                {
                    'id':2,
                    'name':'关于用户身份？',
                    'details':[
                        "在Reading Box中，用户分为如下几种身份：",
                        "1、普通会员：注册Reading Box的用户。",
                        "2、青铜会员：购买了青铜加速器且在有效期内的用户。",
                        "3、白银会员：购买了白银加速器且在有效期内的用户。",
                        "4、黄金会员：购买了黄金加速器且在有效期内的用户。"
                    ]
                },
                {
                    'id':3,
                    'name':'如何获取RB？',
                    'details':[
                        "用户可以通过以下几种方式获得RB：",
                        "1、注册奖励：用户注册完成后可获得RB；",
                        "2、邀请奖励：用户邀请好友注册可获得RB；",
                        "3、阅读奖励：用户有效阅读新闻/视频可以获得RB；",
                        "4、阅读分成：享受下级所有好友阅读总收益的20%；",
                        "返佣奖励：当下级好友升级成会员（青铜会员、白银会员、黄金会员），可以享受下级购买会员金额20%的佣金。"
                    ]
                },
                {
                    'id':4,
                    'name':'阅读收益是如何计算的？',
                    'details':[
                        "阅读新闻的收益是根据用户有效阅读的行为计算获得，有效阅读的判定机制不对外公布。"
                    ]
                },
                {
                    'id':5,
                    'name':'不同用户身份的权益？',
                    'details':[
                        "1、普通会员",
                        "（1）享受标准阅读收益，每过一个月收益减半。",
                        "（2）无法邀请好友。",
                        "2、青铜会员",
                        "（1）享受普通用户阅读收益的3倍。",
                        "（2）享受5个好友购买奖励名额（购买金额的20%进行返佣）。",
                        "（3）享受所有好友阅读收益的20%。",
                        "（4）有效期：4个月",
                        "3、白银会员",
                        "（1）享受普通用户阅读收益的6倍。",
                        "（2）享受10个好友购买奖励名额（购买金额的20%进行返佣）。",
                        "（3）享受所有好友阅读收益的20%。",
                        "（4）有效期：6个月",
                        "4、黄金会员",
                        "（1）享受普通用户阅读收益的12倍。",
                        "（2）享受20个好友购买奖励名额（购买金额的20%进行返佣）。",
                        "（3）享受所有好友阅读收益的20%。",
                        "（4）有效期：8个月"
                    ]
                },
                {
                    'id':6,
                    'name':'RB的状态？',
                    'details':[
                        "在Reading Box中RB有以下几种状态：",
                        "1、可用：即可自由流通使用的RB，可用于提现以及Reading Box其他应用场景。",
                        "2、锁定：锁定状态的RB，是升级用户身份与获得锁币奖励的基本条件。用户对锁定的RB进行解锁，解锁时间为30天，之后变成可用状态。",
                        "3、解锁中：用户将锁定的RB解锁为可用状态，期间需要等待30天的状态为解锁中。解锁中的RB不能获得锁币奖励和增加权重。用户可取消解锁，立即回归锁定状态。"
                    ]
                }
            ]
        }
    },
    components:{
        mtHeader,
        sheetlist
    }
}
</script>

<style lang="stylus" scoped>
.wrapper{
    height:100%;
    .help-list{
        padding-top: 50px;
        height:100%;
        overflow-x: hidden;
        overflow-y: scroll;
        /*解决ios上滑动不流畅*/
        -webkit-overflow-scrolling: touch;
        .blank{
            width:100%;
            height:44px;
            line-height :44px;
            background:rgba(242,243,249,1);
            color:rgba(51,51,51,1);
            padding:0 15px;
        }
        .list{
            border-bottom:1px solid #F4F5FA;
            &:last-child{
                border-bottom:1px solid transparent;
            }
        }
    }
}
</style>
